<form class="form-horizontal" role="form" name="logFrom" novalidate>
  <div class="form-ctrl md-whiteframe-z1">
    <div class="form-search" style="height:220px;" ng-class="{true: 'shou'}[htmlData.htmlData.shoumun]">
      <div>
        <label>日志名称</label>
        <md-input-container flex>
          <label>请输入日志名称</label>
          <input ng-model="logCondition.logName">
        </md-input-container>
      </div>
      <div>
        <label>日志内容</label>
        <md-input-container flex>
          <label>请输入日志内容</label>
          <input ng-model="logCondition.contents">
        </md-input-container>
      </div>
      <div>
        <label>操作人</label>
        <md-input-container flex>
          <label>请输入操作人</label>
          <input type="text" ng-model="logCondition.operator">
        </md-input-container>
      </div>
      <div>
        <label>所属模块</label>
        <md-input-container flex>
          <label>请输入所属模块</label>
          <input ng-model="logCondition.moduleName">
        </md-input-container>
      </div>
      <div>
        <md-input-container flex ng-class="styles.startTime">
          <label>开始时间</label>
          <input ng-model="date.startTime"  type="date" end-time="date.endTime" time-validate="day" name="kaishi"
                 required></input>

          <div ng-messages="logFrom.kaishi.$error">
            <div ng-message="date">请正确输入时间</div>
            <div ng-message="time-error">结束时间不应小于开始时间</div>
          </div>
        </md-input-container>
      </div>
      <div>
        <md-input-container flex>
          <label>结束时间</label>
          <input ng-model="date.endTime"  type="date" start-time="date.startTime" time-validate="day" name="jieshu"
                 required></input>

          <div ng-messages="logFrom.jieshu.$error">
            <div ng-message="date">请正确输入时间</div>
            <div ng-message="time-error">结束时间不应小于开始时间</div>
            <div ng-message="too-great">结束时间不应大于当前时间</div>
          </div>
        </md-input-container>
      </div>
    </div>
    <!-- 收上去的小箭头 ^ -->
    <i class="glyphicon glyphicon-chevron-up shrinkage" ng-click="htmlData.htmlData.shoumun=!htmlData.htmlData.shoumun"
       ng-show="!logFrom.$invalid"></i>
    <!-- 查询按钮 -->
    <md-button ng-click="pageQuery('click')" class="md-fab md-primary md-hue-1" aria-label="Profile"
               ng-disabled="logFrom.$invalid">
      <i class="glyphicon glyphicon-search" ng-show="!htmlData.htmlData.shoumun"></i>
      <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;" ng-show="htmlData.htmlData.shoumun"></i>
    </md-button>
  </div>
</form>
<!-- 表格区域  -->
<div class="table-info">
  <div style="text-align: center">
    <h3 style="margin-top:0">&nbsp;</h3>
  </div>
  <div class="table-detail">
    <div class="t_r">
      <table class="table table-bordered">
        <thead>
        <tr>
          <th width="10%">日志名称</th>
          <th width="20%">日志内容</th>
          <th width="20%">操作时间</th>
          <th width="15%">操作人员</th>
          <th width="15%">所属模块</th>
          <th width="25%">备注信息</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="log in htmlData.htmlData.logs">
          <td width="10%" class="table-ellipsis">{{log.logName}}</td>
          <td width="20%" class="table-ellipsis" title="{{log.contents}}">{{log.contents}}</td>
          <td width="20%" class="table-ellipsis">{{log.opTime}}</td>
          <td width="15%" class="table-ellipsis">{{log.operator}}</td>
          <td width="15%" class="table-ellipsis">{{log.moduleName}}</td>
          <td width="25%" class="table-ellipsis" title="{{log.logRemark}}">{{log.logRemark}}</td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
  <!-- 分页开始  -->
  <div ng-show='htmlData.htmlData.isQuery'>
    <ds-page
      total-count="htmlData.htmlData.totalCount"
      page-size="logCondition.page.pageSize"
      page-itmes="pageItmes"
      param="logCondition"
      current-page="logCondition.page.currentPage"
      go-page="pageQuery(logCondition)"
      page-size-change="pageSizeChange(logCondition.page.pageSize)"
      show-max-page="5"
      first-text="<<"
      last-text=">>"
      previous-text="<"
      next-text=">"
      >
    </ds-page>
  </div>
  <!-- 分页结束  -->
</div>